<template>
	<view class="myMessage">
		<view class="list_box w100 flex" v-for="(item,index) in 5" :key="index" @click="goDetail(index)">
			<view class="left_box"></view>
			<view class="detail_box">
				<view class="top_txt s28 familytow fblod">
					临洮世华洛珏婚纱摄影会馆
				</view>
				<view class="bottom_txt s24 family f500">
					您提交的用户我不能给您通过哦~
				</view>
			</view>
			<view class="right_date s22 family f500">
				2022-04-16
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {
			
		},
		methods:{
			goDetail(index) {
				uni.navigateTo({
					url: './messageDetail?index='+index
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.myMessage {
		overflow: hidden;

		.list_box {
			height: 144upx;

			.left_box {
				width: 80upx;
				height: 80upx;
				background: #ccc;
				border-radius: 80upx;
				margin-top: 24upx;
				margin-left: 46upx;
			}

			.detail_box {
				margin-left: 20upx;
				margin-top: 28upx;

				.top_txt {
					color: #333333;
				}

				.bottom_txt {
					color: #666666;
					margin-top: 6upx;
				}
			}

			.right_date {
				color: #999999;
				margin-top: 44upx;
				position: absolute;
				right: 32upx;
			}
		}
	}
</style>
